*{  
  margin:0;
  padding:0;
}

body{
  background-color: #fcfcfc;
  font-family:sans-serif;
  color : #404040; 
}

.a{
  display:block;
  color:#404040;  
  text-decoration:none;
  font-weight:bold;
  margin-top:40px;
  text-align:center;
}

.module{
	margin-top : 25px;
  position:relative;
  top:0%;    
  height:100%;
  width:81%;
  margin-left:17%;
  margin-right:0;
  background: #404040;
  color : #F6F6E8;
  background-color:#fcfcfc;
  border : 1px solid #60738a;
}

.module ul{
  list-style-type:none;
}

.tab{
  float:left;
  height:60px;
  width:50%;
  padding-top:20px;
  box-sizing:border-box;
  background:#f2f2f2;  
  text-align:center;
  cursor:pointer;
  transition:background .1s;
  color : #60738a;
}


.sleepyTab:hover{  
  background-color:#d2d2d2;  
}

.activeTab{
  background-color :#fcfcfc ;
  border-right: #D43F3F 1px dotted ;
  border-left: #D43F3F 1px dotted ;
}

.sleepyTab{
	border-bottom: #D43F3F 1px solid ; 
}

.tab .icon{
height:24px;
  width:24px;
}

.activeTab .icon{
  height:24px;
  width:24px;
  opacity:1;
}

.sleepyTab .icon{
  height:24px;
  width:24px;
  opacity:1; 
}

.form{
  float:left;
  width:100%;
  background-color:transparent;
  box-sizing:border-box;
  padding:2%;
  color : #404040;
}

.textbox{
  height:30px;
  width:100px;
  border:#60738a 1px solid;
  box-sizing:border-box;
  border-radius : 3px ;
  padding:5px;
  margin-bottom:30px;
  margin-left:10%;
  background-color : #fcfcfc ;
  color :#404040 ;
}

.firstnamebox{
  height:30px;
  width:100px;
  border:#60738a 1px solid;
  box-sizing:border-box;
  border-radius : 3px ;
  padding:5px;
  margin-bottom:30px;
  margin-left:10px;
  background-color : #fcfcfc ;
  color : #404040;
}


.longbox{
  height:30px;
  width:200px;
  background-color : #fcfcfc ;
  color : #404040 ;
  box-sizing:border-box;
  border-radius : 3px ;
  padding:5px;
  margin-bottom:30px;
  margin-left:10%;
  border:#60738a 1px solid;
}

.codebox{
  background-color : #fcfcfc ;
  color : #404040 ;
  height:30px;
  width:75px;
  border:#60738a 1px solid;
  box-sizing:border-box;
  border-radius : 3px ;
  padding:5px;
  margin-bottom:30px;
  margin-left:20px;
  border:#cccfe1 1px solid;
}


.phonebox{
  background-color : #fcfcfc ;
  color : #404040 ;
  height:30px;
  width:110px;
  border:#cccfe1 1px solid;
  box-sizing:border-box;
  border-radius : 3px ;
  padding:5px;
  margin-bottom:30px;
  margin-left:20px;
  border:#60738a 1px solid;
}

.citybox{
  background-color : #fcfcfc ;
  color : #404040 ;
  height:30px;
  width:120px;
  border:#cccfe1 1px solid;
  box-sizing:border-box;
  border-radius : 3px ;
  padding:5px;
  margin-bottom:30px;
  margin-left:20px;
  border:#60738a 1px solid;
}

.pwdbox{
  background-color : #fcfcfc ;
  color : #404040 ;
  height:30px;
  width:200px;
  border:#cccfe1 1px solid;
  box-sizing:border-box;
  border-radius : 3px ;
  padding:5px;
  margin-bottom:30px;
  margin-left:5%;
  border:#60738a 1px solid;
}

.pwdtxt{
	margin-left : 10% ;
}

.hourbox{
  background-color : #fcfcfc ;
  color : #404040 ;
  height:20px;
  width:20px;
  border:#cccfe1 1px dashed;
  box-sizing:border-box;
  border-radius : 3px ;
  padding:2px;
  margin-bottom:2px;
  margin-left:2px;
  margin-right:2px;
  border:#60738a 1px solid;
}

textarea[type="bio"] {
  background-color : #fcfcfc ;
  color : #404040 ;
  height:80px;
  width:300px;
  border:#cccfe1 1px dashed;
  box-sizing:border-box;
  border-radius : 3px ;
  padding:2px;
  margin-bottom:2px;
  margin-left:10%;
  margin-right:2px;
  border:#60738a 1px solid;
}

.rcodebox{
  background-color : #fcfcfc ;
  color : #404040 ;
  height:20px;
  width:50px;
  border:#60738a 1px solid;
  box-sizing:border-box;
  border-radius : 3px ;
  text-align : center ;
}


.rstreetbox{
  background-color : #fcfcfc ;
  color : #404040 ;
  height:20px;
  width:200px;
  border:#60738a 1px solid;
  box-sizing:border-box;
  border-radius : 3px ;
  text-align : center ;
}

.rcitybox{
  background-color : #fcfcfc ;
  color : #404040 ;
  height:20px;
  width:150px;
  border:#60738a 1px solid;
  box-sizing:border-box;
  border-radius : 3px ;
  text-align : center ;
  margin-top : 5px;
}

.rcodebox:focus,
.rcitybox:focus,
.rstreetbox:focus
.textbox:focus,
.firstnamebox:focus,
.longbox:focus,
.citybox:focus,
.textbox:focus,
.phonebox:focus,
.codebox:focus{
   border:#D43F3F 1px solid;
   color:#743a3c;
   background-color : #fcfcfc;
}

.hourbox:focus{
   border:#e7e8f1 1px dashed;
   color:#d9dcf4;
   background-color : #fcfcfc;
}

select{
	background: #f2f2f2;
	border : none ;
	border-radius : 2px;	
  	border: 1px solid #AAA;
  	color: #404040;
  	overflow: hidden;
    width: 80px;
    text-align : center ;
}

select:hover{
	background: #f2f2f2;
	border-radius : 2px;	
  	border: 1px solid #AAA;
}

table
{
   margin-left : 20px;
   border-collapse : collapse ;
   margin-bottom : 5px;
   margin-top : 5px;
}

td {
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 5px;
	padding-bottom : 5px;
   	border: 1px solid #404040;
   	vertical-align : top ; 
}

textarea {
	padding: 8px 8px;
	font-size : 14px;
	margin-left : 20px;
	height : 40px;
	width: 300px;
	border:#404040 1px solid;
  	background-color : yellow ;
  	color : #404040 ;
  	border-radius : 3px ;
}